<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<!------------------hover------------------>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!------------------end-hover------------------>

<!------------------botones------------------>
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
<!------------------end-botones------------------>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="js/plax.js"></script>
<script type="text/javascript" src="js/jquery.hoverdir.js"></script> 

<style type="text/css" media="screen, print">
@font-face {
	font-family: Dharma Gothic C;
	src: url(fonts/DharmaGothicC-ExBold.otf);
	font-weight: ExBold;
}
@font-face {
	font-family: Steelfish;
	src: url(fonts/steelfish.ttf);
	font-weight: bold;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
        $('#pb-1').plaxify({"xRange":40,"yRange":40});
        $('#pb-2').plaxify({"xRange":20,"yRange":20});
        $('#pb-3').plaxify({"xRange":10,"yRange":10});
        $('#pb-4').plaxify({"xRange":40,"yRange":40,"invert":true});
		$('#pb-5').plaxify({"xRange":40,"yRange":40,"invert":true});
        $.plax.enable();
		$('#da-thumbs > li').hoverdir();
      })
	  
<!------------------img-susti------------------>  
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
<!------------------end-img-susti------------------>
</script>
</head>

<body onload="MM_preloadImages('imagenes/download1.png')">
<div id="seccion1">
  <div id="navi">
    <div id="menu">
      <div id="menuconte">
        <li><span><a href="#">HOME</a></span></li>
        <li><span><a href="#">SOBRE MI</a></span></li>
        <li><span><a href="#">SERVICIOS</a></span></li>
        <li><span></span></li>
        <li><span></span></li>
        <li><span><a href="#">PORTFOLIO</a></span></li>
        <li><span><a href="#">CONTACTO</a></span></li>
        <li><span><a href="#">BLOG</a></span></li>
      </div>
    </div>
  </div>
  <div id="principal">
    <div id="freelance">
      <h1>DISEÑADOR GRÁFICO Y WEB FREELANCE</h1>
    </div>
    
    <!-- parallax -->
    <div id="para-contenedor"> <img src="imagenes/part-0.png" id="pb-0"/> <img src="imagenes/part-1.png" id="pb-1"/> <img src="imagenes/part-2.png" id="pb-2"/> <img src="imagenes/part-3.png" id="pb-3"/> <img src="imagenes/part-4.png" id="pb-4"/> <img src="imagenes/part-5.png" id="pb-5"/> </div>
  </div>
  <div id="principal2">
    <div id="conte">
      <div id="cuadro1">
        <div id="welcometex">
          <h2>BIENVENIDOS</h2>
        </div>
        <div id="texto">Me llamo Boris Vargas y soy un 
          diseñador grafico y web freelance 
          trabajando y viviendo en 
          Buenos Aires, Argentina.</div>
        <div id="texto1">OFREZCO EL DESARROLLO 
          DE WEBS PROFESIONALES 
          Y TODO TIPO DE PIEZAS 
          GRAFICAS DE ALTO NIVEL 
          Y CALIDAD.</div>
      </div>
      <div id="cuadro2">
        <div id="cita">“The true sign of intelligence is not 
          knowledge but imagination.”</div>
        <div id="cita2">ALBERT EINSTEIN</div>
      </div>
    </div>
    <div id="cuadro3">
      <div id="welcometex">
        <h2>SERVICIOS</h2>
      </div>
      <div class="icono"><img src="imagenes/icono.png" /></div>
      <div id="texto2">Ofresco una extensa lista de
        servicios a continuacion:</div>
      <div id="conteser">
        <div class="servicio">DISEÑO WEB:</div>
        <div class="servicio">IDENTIDAD CORPORATIVA:</div>
        <div class="servicio">DISEÑO EDITORIAL:</div>
        <div class="servicio">AFICHISMO:</div>
        <div class="servicio">PAPELERIA:</div>
        <div class="servicio">PACKAGING:</div>
        <div class="servicio">ARTE DE DISCO:</div>
      </div>
    </div>
    <div id="cuadro4">
      <div id="welcometex">
        <h2>PORTFOLIO</h2>
      </div>
      <div class="icono"><img src="imagenes/icono1.png" /></div>
      <div id="texto2">Ofresco una extensa lista de
        servicios a continuacion:</div>
    </div>
    <div id="cuadro5">
      <div id="welcometex">
        <h2>CURRICULUM </h2>
      </div>
      <div class="icono"><img src="imagenes/icono2.png" /></div>
      <div id="texto2">Ofresco una extensa lista de
        servicios a continuacion:</div>
    </div>
  </div>
</div>
<!------------------seccion1------------------> 

<!------------------seccion2------------------>

<div id="seccion2">
  <div id="titulo"></div>
  <div id="titulodown"><span>“Do Something You Love & Never Work A Day In Your Life”</span></div>
  <div id="foto">
    <div id="grafico">
      <h3>MANEJO DE SOFTWARE</h3>
    </div>
  </div>
  <div id="presentacion">
    <div id="prese">
      <div id="pretitulo">
        <h3>ESBOZO DE MI SER</h3>
      </div>
      <div id="pretexto">Siempre he tenido un profundo cariño por el 
        dibujo, la animacion y el proceso de creacion 
        de todo tipo de formas, desde niño mi pasion 
        por el dibujo y la creacion artistica me llevaron 
        a explorar nuevos horizontes como el Diseño 
        Gráfico. Hasta hoy, nunca deje de lado el lapiz 
        y el papel y estoy obsesionado con obtener 
        los mejores resultados en todo tipo de proceso 
        que conlleva la creacion de la buena forma.</div>
    </div>
    <div id="prese1">
      <div id="pretitulo">
        <h3>ME PRESENTO DE NUEVO</h3>
      </div>
      <div id="pretexto">Me llamo Boris Vargas Vasquez, nacido en 
        Buenos Aires, Argentina, Tengo 22 años y 
        estudio Diseño Gráfico en la Universidad de 
        Buenos Aires (UBA) desde el 2009, soy un 
        diseñador web autodidacta desde 2010 y me 
        dedico a diseñar webs de manera freelance, 
        estoy capacitado en varios cursos de Diseño 
        web y manejo de Dreamweaver, se hablar 
        ingles casi fluidamente y el cine y la música 
        son mi pasion.</div>
    </div>
    <div id="prese2">
      <div id="pretitulo">
        <h3>CURRICULUM</h3>
      </div>
      <div id="pretexto1">Me llamo Boris Vargas Vasquez, nacido en 
        Buenos Aires, Argentina, Tengo 22 años y 
        estudio Diseño Gráfico en la Universidad de 
        Buenos Aires (UBA) desde el 2009, soy un 
        diseñador web autodidacta desde 2010</div>
      <div id="download"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image35','','imagenes/download1.png',1)"><img src="imagenes/download.png" width="200" height="50" id="Image35" /></a></div>
    </div>
  </div>
  <div id="metodo">
    <div id="metodotitu">
      <h3>
      METODOLOGIA DE TRABAJO
      </h1>
    </div>
  </div>
  <div id="metodocon">
    <div class="metodotex">
      <h4>Esta etapa es una de las mas escenciales, es donde se encuentra la direccion que el proyecto tomará. No se puede desarrollar una efectiva solucion sin tener un solido conocimiento del problema o del target. En esta etapa es donde se trabaja con el cliente.</h4>
    </div>
    <div class="metodotex">
      <h4>Una vez que sabemos el rumbo del proyecto es hora de tomar una taza de cafe, agarrar un lapiz y papel y comenzar a bocetar a lo loco, definiendo estructura, lenguaje y grafica para darle personalidad al proyecto antes de sentarse en frente de la pc.</h4>
    </div>
    <div class="metodotex">
      <h4>Aca viene el trabajo arduo para darle sentido y forma a toda la información que ha sido recopilada y bocetada anteriormente. 
Es donde nace el diseño, donde me esmero para que la comunicacion pueda ser efectiva y para que la pieza grafica cumpla su funcionalidad.</h4>
    </div>
    <div class="metodotex">
      <h4>You only have less than 5 seconds to 
        make a first impression and stand out 
        from a million competing websites. I 
        build aesthetically clean websites from 
        scratch. I also keep up with the freshest 
        design trends to make sure those 5 
        seconds count.</h4>
    </div>
  </div>
</div>
<!------------------seccion2------------------> 

<!------------------seccion3------------------>

<div id="seccion3">
  <div id="titulo1"></div>
  <div id="titulodown1"><span>no se trata de diseñar algo, se trata de solucionar problemas en muchos niveles.</span></div>
  <div id="servidos">
    <ul class="ch-grid">
      <li>
        <div class="ch-item ch-img-1">
          <div class="ch-info">
            <h3>Brainiac</h3>
            <p></p>
          </div>
        </div>
      </li>
      <li>
        <div class="ch-item ch-img-2">
          <div class="ch-info">
            <h3>Vision</h3>
            <p></p>
          </div>
        </div>
      </li>
      <li>
        <div class="ch-item ch-img-3">
          <div class="ch-info">
            <h3>Cylon</h3>
            <p></p>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <div id="servitex">
    <div id="servicon">
      <div class="ser1">
        <h3>DISEÑO WEB</h3>
      </div>
      <div class="ser2"></div>
      <div class="ser3">
        <h4>You only have less than 5 seconds to 
          make a first impression and stand out 
          from a million competing websites. I 
          build aesthetically clean websites from 
          scratch. I also keep up with the freshest 
          design trends to make sure those 5 
          seconds count.</h4>
      </div>
    </div>
    <div id="servicon1">
      <div class="ser1">
        <h3>GESTOR DE CONTENIDOS</h3>
      </div>
      <div class="ser2"></div>
      <div class="ser3">
        <h4>You only have less than 5 seconds to 
          make a first impression and stand out 
          from a million competing websites. I 
          build aesthetically clean websites from 
          scratch. I also keep up with the freshest 
          design trends to make sure those 5 
          seconds count.</h4>
      </div>
    </div>
    <div id="servicon2">
      <div class="ser1">
        <h3>POSICIONAMIENTO WEB</h3>
      </div>
      <div class="ser2"></div>
      <div class="ser3">
        <h4>You only have less than 5 seconds to 
          make a first impression and stand out 
          from a million competing websites. I 
          build aesthetically clean websites from 
          scratch. I also keep up with the freshest 
          design trends to make sure those 5 
          seconds count.</h4>
      </div>
    </div>
  </div>
  <div id="divisor"></div>
  <div id="servidos">
    <ul class="ch-grid">
      <li>
        <div class="ch-item ch-img-4">
          <div class="ch-info">
            <h3>Brainiac</h3>
            <p></p>
          </div>
        </div>
      </li>
      <li>
        <div class="ch-item ch-img-5">
          <div class="ch-info">
            <h3>Vision</h3>
            <p></p>
          </div>
        </div>
      </li>
      <li>
        <div class="ch-item ch-img-6">
          <div class="ch-info">
            <h3>Cylon</h3>
            <p></p>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <div id="servitex">
    <div id="servicon">
      <div class="ser1">
        <h3>DISEÑO GRÁFICO</h3>
      </div>
      <div class="ser2"></div>
      <div class="ser3">
        <h4>You only have less than 5 seconds to 
          make a first impression and stand out 
          from a million competing websites. I 
          build aesthetically clean websites from 
          scratch. I also keep up with the freshest 
          design trends to make sure those 5 
          seconds count.</h4>
      </div>
    </div>
    <div id="servicon1">
      <div class="ser1">
        <h3>IDENTIDAD CORPORATIVA</h3>
      </div>
      <div class="ser2"></div>
      <div class="ser3">
        <h4>You only have less than 5 seconds to 
          make a first impression and stand out 
          from a million competing websites. I 
          build aesthetically clean websites from 
          scratch. I also keep up with the freshest 
          design trends to make sure those 5 
          seconds count.</h4>
      </div>
    </div>
    <div id="servicon2">
      <div class="ser1">
        <h3>DISEÑO EDITORIAL</h3>
      </div>
      <div class="ser2"></div>
      <div class="ser3">
        <h4>You only have less than 5 seconds to 
          make a first impression and stand out 
          from a million competing websites. I 
          build aesthetically clean websites from 
          scratch. I also keep up with the freshest 
          design trends to make sure those 5 
          seconds count.</h4>
      </div>
    </div>
  </div>
</div>
<!------------------seccion3------------------> 

<!------------------seccion4------------------>

<div id="seccion4">
  <div id="titulofolio"></div>
  <div id="titulodown"><span>Les presento una seleccion de mis trabajos acontinuacion.</span></div>
  <ul id="da-thumbs" class="da-thumbs">
    <li> <a href="http://dribbble.com/shots/505046-Menu"> <img src="imagenes/1.jpg" />
      <div><span>Libro Tipografico - Zuzana Licko</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/504336-TN-Aquarium"> <img src="imagenes/2.jpg" />
      <div><span>Diseño Editorial Experimental (diario+folleto+CD)</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/504197-Mr-Crabs"> <img src="imagenes/3.jpg" />
      <div><span>Packaging - Frizzé Summer Edition 2012.</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/503731-Gallery-of-Mo-2-Mo-logo"> <img src="imagenes/4.jpg" />
      <div><span>Infografía y afichismo - TP retorica</span></div>
      </a> </li>
    <li> <a href="trabajo3.html"> <img src="imagenes/5.jpg" />
      <div><span>Diseño Editorial Experimental (Dobles paginas)</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/502927-My-Muse"> <img src="imagenes/6.jpg" />
      <div><span>Diseño editorial, Dobles paginas - Cyberpunk</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/502538-Natalie-Justin-Cleaning"> <img src="imagenes/7.jpg" />
      <div><span>Diseño de una tipografia - Absurda Font</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/502523-App-Preview"> <img src="imagenes/8.jpg" />
      <div><span>Afichismo - Anime, Mazinger Z - Go Nagai</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/501695-Cornwall-Map"> <img src="imagenes/9.jpg" />
      <div><span>Identidad visual y afichismo</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/500861-final-AD-logo"> <img src="imagenes/10.jpg" />
      <div><span>Diseño Editorial, dobles paginas - Marketa Irglova</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/500369-Land-Those-Planes"> <img src="imagenes/11.jpg" />
      <div><span>Diseño Editorial y afichismo - The swell season</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/497795-Seahorse"> <img src="imagenes/12.jpg" />
      <div><span>Diseño de identidad corporativa para una pizeria.</span></div>
      </a> </li>
    <li> <a href="trabajo2.html"> <img src="imagenes/13.jpg" />
      <div><span>Diseño Editorial - Revista Pymes (re-diseño)</span></div>
      </a> </li>
    <li> <a href="trabajo1.html" target="_self"> <img src="imagenes/14.jpg" />
      <div><span>Breviario Magazine - Editorial Design</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/500369-Land-Those-Planes"> <img src="imagenes/15.jpg" />
      <div><span>Diseño Editorial - Diario</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/497795-Seahorse"> <img src="imagenes/16.jpg" />
      <div><span>Soon! :)</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/501695-Cornwall-Map"> <img src="imagenes/17.jpg" />
      <div><span>Soon! :)</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/500861-final-AD-logo"> <img src="imagenes/18.jpg" />
      <div><span>Soon! :)</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/500369-Land-Those-Planes"> <img src="imagenes/19.jpg" />
      <div><span>Soon! :)</span></div>
      </a> </li>
    <li> <a href="http://dribbble.com/shots/497795-Seahorse"> <img src="imagenes/20.jpg" />
      <div><span>Soon! :)</span></div>
      </a> </li>
  </ul>
</div>
<!------------------seccion4------------------> 

<!------------------seccion5------------------>

<div id="seccion5">
  <div id="titulotacto"><img src="imagenes/titulo3.png" /></div>
  <div id="titulodown1"><span>Si te gusto mi trabajo o si tenes alguna propuesta o idea, no dudes en contactarme</span></div>
  <div id="contacto1">
    <div id="formulario">
      <div id="formu">
        <tr>
          <td colspan="5" align="right"><form action="envio.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
              <table width="424" border="0" cellspacing="5" cellpadding="0">
                <tr>
                  <td width="124" align="right">Nombre:</td>
                  <td width="285" colspan="2" align="left"><label>
                      <input name="nombre" type="text" class="campos" id="nombre" size="40" maxlength="60" />
                    </label></td>
                </tr>
                <tr>
                  <td align="right">E-mail:</td>
                  <td colspan="2" align="left"><input name="email" type="text" class="campos" id="email" size="40" maxlength="60" /></td>
                </tr>
                <tr>
                  <td align="right" valign="top">Mensaje:</td>
                  <td colspan="2" align="left"><label>
                      <textarea name="comentario" cols="32" rows="9" class="campos" id="comentario"></textarea>
                    </label></td>
                </tr>
                <tr>
                  <td align="right">&nbsp;</td>
                  <td align="left"><label>
                      <input name="envio" type="submit" class="campos" id="envio" value="Enviar" />
                    </label></td>
                </tr>
              </table>
            </form></td>
        </tr>
      </div>
    </div>
    <div id="datos1">
      <div id="datostitu">
        <h5>GET IN TOUCH</h5>
      </div>
      <div id="datosinfo">Si tenes alguna pregunta o queres hablar conmigo, por favor póngase en contacto. Puodes hacer esto completando el formulario de a la izquierda y enviarmelo. Alternativamente, podes llamar al numero a la derecha o envíame un correo electrónico directamente También podes conectarse conmigo a través de las redes sociales como Twitter y LinkedIn. Los enlaces a estos se encuentran abajo.</div>
    </div>
    <div id="datos2">
      <div id="datostitu1">
        <h5>SAY HELLO!</h5>
      </div>
      <div id="mente">TENES UN PROYECTO EN MENTE?</div>
      <div id="infoicono">
        <div id="iconos">
          <div id="sobre"><img src="imagenes/sobre.png" /></div>
          <div id="sobre"><img src="imagenes/sobre1.png" /></div>
          <div id="sobre"><img src="imagenes/sobre2.png" /></div>
        </div>
        <div id="iconosinfo">
          <div><strong>Gmail</strong></div>
          boris.vargasvasquez@gmail.com</div>
        <div id="iconosinfo1">
          <div><strong>Linea</strong></div>
          (011) 34760905</div>
        <div id="iconosinfo2">
          <div><strong>Skype</strong></div>
          boris.vargas21</div>
      </div>
    </div>
  </div>
  <div id="cir"></div>
  <div id="contacto2">
    <div id="pie">
      <div id="colu1">
        <div class="colutitu">SOCIAL LINKS</div>
        <div class="colutitu1">SOY SOCIABLE(?</div>
        <div class="coluinfo">
          <div id="coluicon">
            <div id="social1"><img src="imagenes/social.png" /></div>
            <div id="social2"><img src="imagenes/social1.png" /></div>
            <div id="social3"><img src="imagenes/social2.png" /></div>
          </div>
          <div id="coluicon1">
            <div id="social1"><img src="imagenes/social3.png" /></div>
            <div id="social2"><img src="imagenes/social4.png" /></div>
            <div id="social3"><img src="imagenes/social5.png" /></div>
          </div>
        </div>
      </div>
      <div id="colu2">
        <div class="colutitu">LINKS FRECUENTES</div>
        <div class="colutitu1">MIS SITIOS FAVORITOS</div>
        <div class="coluinfo">
          <li><a href="http://www.behance.net/" target="_blank">Behance</a></li>
          <li><a href="http://www.cssmania.com/" target="_blank">Cssmania</a></li>
          <li><a href="http://www.colourlovers.com/" target="_blank">Colourlovers</a></li>
          <li><a href="http://9gag.com/" target="_blank">9gag</a></li>
          <li><a href="http://www.taringa.net/" target="_blank">Taringa</a></li>
          <li><a href="http://www.awwwards.com/" target="_blank">Awwwards</a></li>
        </div>
      </div>
      <div id="colu3">
        <div class="colutitu">FRIENDS & FAMILY</div>
        <div class="colutitu1">ALGUNOS AMIGOS (:</div>
        <div class="coluinfo">
          <li><a href="http://innovarweb.com.ar/" target="_blank">Innovar Web</a></li>
          <li><a href="http://www.behance.net/SocialMediaSuite" target="_blank">Social Media Suite</a></li>
          <li><a href="http://www.sagha.com.ar/" target="_blank">Sagha Design</a></li>
          <li><a href="http://www.facebook.com/mediumestudio?fref=ts" target="_blank">Medium Studio</a></li>
          <li><a href="#">Taringa</a></li>
          <li><a href="#">Awwwards</a></li>
        </div>
      </div>
      <div id="colu4">
        <div class="colutitu">FEED TWITTER</div>
        <div class="colutitu1">DOWNLOAD CURRICULUM</div>
        <div class="coluinfo"></div>
      </div>
    </div>
    <div id="like">
      <div id="likeconte"></div>
    </div>
    <div id="credito">
      <div id="credito1">COPYRIGHT © 2012 BORIS VARGAS - ALL RIGHTS RESERVED</div>
      <div id="credito2">MADE WITH LOVE ON A PC IN PHOTOSHOP, ILLUSTRATOR & DREAMWEAVER - FONT:DOSIS PROVIDED BY GOOGLE FONTS - HOSTED BY WIROOS</div>
    </div>
  </div>
</div>
<!------------------seccion5------------------> 
<!--

-->

</body>
</html>
